<title>资金流水</title>
<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
      <a lay-href="">主页</a>
      <a><cite>资金账户流水</cite></a>
    </div>
  </div>
  
  <!--<div class="layui-fluid">-->
    <!--<div class="layui-card">-->
      <!--<div class="layui-tab layui-tab-brief">-->
        <!--<ul class="layui-tab-title">-->
          <!--<li class="layui-this">资金账户流水</li>-->
        <!--</ul>-->
        <!--<div class="layui-tab-content">-->
          <!--<div class="layui-tab-item layui-show">-->
            <!--<div class="layui-row">-->
              <!--<div class="layui-form" style="float:right;">-->
                <!--<div class="layui-form-item" style="margin:0;">-->
                  <!--<div class="layui-input-inline">-->
                    <!--<input type="text" name="createTimeStart" id="createTimeStart" autocomplete="off" placeholder="开始时间" class="layui-input">-->
                  <!--</div>-->
                  <!--<div class="layui-input-inline">-->
                    <!--<input type="text" name="createTimeEnd" id="createTimeEnd" autocomplete="off" placeholder="结束时间" class="layui-input">-->
                  <!--</div>-->
                  <!--<div class="layui-input-inline">-->
                    <!--<input type="text" name="mchId" id="mchId" placeholder="商户ID" autocomplete="off" class="layui-input">-->
                  <!--</div>-->
                  <!--<div class="layui-input-inline">-->
                    <!--<input type="text" name="agentId" id="agentId" placeholder="代理商ID" autocomplete="off" class="layui-input">-->
                  <!--</div>-->
                  <!--<div class="layui-input-inline">-->
                    <!--<input type="text" name="orderId" id="orderId" placeholder="业务单号" autocomplete="off" class="layui-input">-->
                  <!--</div>-->
                  <!--<div class="layui-input-inline">-->
                    <!--<select name="fundDirection" id="fundDirection" lay-search="">-->
                      <!--<option value="">资金变动方向</option>-->
                      <!--<option value="1">加款</option>-->
                      <!--<option value="2">减款</option>-->
                    <!--</select>-->
                  <!--</div>-->
                  <!--<div class="layui-input-inline">-->
                    <!--<select name="bizType" id="bizType" lay-search="">-->
                      <!--<option value="">业务类型</option>-->
                      <!--<option value="1">支付</option>-->
                      <!--<option value="2">提现</option>-->
                      <!--<option value="3">调账</option>-->
                      <!--<option value="4">充值</option>-->
                      <!--<option value="5">差错处理</option>-->
                      <!--<option value="6">代付</option>-->
                    <!--</select>-->
                  <!--</div>-->
                  <!--<button id="search" class="layui-btn  layuiadmin-btn-admin" data-type="reload"><i class="layui-icon layui-icon-search"></i>搜索</button>-->

                  <!--&lt;!&ndash;<button id="search" class="layui-btn" data-type="reload">搜索</button>&ndash;&gt;-->
                <!--</div>-->
              <!--</div>-->
            <!--<div class="layui-form-item" style="padding-top: 15px;">-->
              <!--<blockquote class="layui-elem-quote" id="amountTip">-->
                <!--&lt;!&ndash;<span class="label label-info">999715.9003</span>&ndash;&gt;-->
                 <!--总笔数:<span id="totalCount" style=" background-color: #23c6c8;color: #FFFFFF;font-size: 10px;font-weight: 600;padding: 3px 8px;text-shadow: none;"></span>&nbsp&nbsp&nbsp-->
                 <!--代理商利润:<span id="totalAgentProfit" style=" background-color: #23c6c8;color: #FFFFFF;font-size: 10px;font-weight: 600;padding: 3px 8px;text-shadow: none;"></span>&nbsp&nbsp&nbsp-->
                 <!--平台利润:<span id="totalPlatProfit" style=" background-color: #23c6c8;color: #FFFFFF;font-size: 10px;font-weight: 600;padding: 3px 8px;text-shadow: none;"></span>-->
              <!--</blockquote>-->
            <!--</div>-->
            <!--</div>-->
            <!--<div class="layui-row">-->
              <!--<div class="layuiAdmin-btns" style="margin-bottom: 10px;">-->
              <!--</div>-->
            <!--</div>-->
            <!--<table id="zjdataAll" lay-filter="zjdataAll"></table>-->
          <!--</div>-->
  <!---->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->
  <!--</div>-->

<div class="layui-fluid">
  <div class="layui-card">
    <div class="layui-tab-content">
      <div class="layui-btn-group demoTable lay-mb15">
        <div class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="layadmin-useradmin-formlist">
          <div class="layui-form-item" style="margin:0;">
            <div class="layui-form-item" style="margin:0;">
              <div class="layui-inline">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-block">
                  <input type="text" name="createTimeStart" id="createTimeStart" autocomplete="off" placeholder="开始时间" class="layui-input">
                </div>
              </div>

              <div class="layui-inline">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-block">
                  <input type="text" name="createTimeEnd" id="createTimeEnd" autocomplete="off" placeholder="结束时间" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">商户ID</label>
                <div class="layui-input-block">
                  <input type="text" name="mchId" id="mchId" autocomplete="off" placeholder="商户ID" class="layui-input">
                </div>
              </div>

              <div class="layui-input-inline">
                <label class="layui-form-label">代理商ID</label>
                <div class="layui-input-block">
                  <input type="text" name="agentId" id="agentId" placeholder="代理商ID" autocomplete="off" class="layui-input">
                </div>

              </div>

              <div class="layui-inline">
                <label class="layui-form-label">业务单号</label>
                <div class="layui-input-block">
                  <input type="text" name="orderId" id="orderId" placeholder="业务单号" autocomplete="off" class="layui-input">
                </div>
              </div>
              <div class="layui-inline">
                <label class="layui-form-label">资金变动</label>
                <div class="layui-input-block">
                  <select name="fundDirection" id="fundDirection" lay-search="">
                    <option value="">请选择资金变动方向</option>
                    <option value="1">加款</option>
                    <option value="2">减款</option>
                  </select>
                </div>
              </div>

              <div class="layui-inline">
                <label class="layui-form-label">业务类型</label>
                <div class="layui-input-block">
                  <select name="bizType" id="bizType" lay-search="">
                    <option value="">请选择业务类型</option>
                    <option value="1">支付</option>
                    <option value="2">提现</option>
                    <option value="3">调账</option>
                    <option value="4">充值</option>
                    <option value="5">差错处理</option>
                    <option value="6">代付</option>
                  </select>
                </div>
              </div>


              <div class="layui-inline">
                <button id="search" class="layui-btn layuiadmin-btn-admin" data-type="reload">
                  <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                </button>
              </div>

            </div>
          </div>
        </div>

      </div>

      <div class="layui-card-body">
        <!--<div style="padding-bottom: 10px;">-->

        <!--</div>-->
        <div class="layui-form-item" style="padding-top: 15px;">
          <blockquote class="layui-elem-quote" id="amountTip">
            <!--<span class="label label-info">999715.9003</span>-->
            总笔数:<span id="totalCount" style=" background-color: #23c6c8;color: #FFFFFF;font-size: 10px;font-weight: 600;padding: 3px 8px;text-shadow: none;"></span>&nbsp&nbsp&nbsp
            代理商利润:<span id="totalAgentProfit" style=" background-color: #23c6c8;color: #FFFFFF;font-size: 10px;font-weight: 600;padding: 3px 8px;text-shadow: none;"></span>&nbsp&nbsp&nbsp
            平台利润:<span id="totalPlatProfit" style=" background-color: #23c6c8;color: #FFFFFF;font-size: 10px;font-weight: 600;padding: 3px 8px;text-shadow: none;"></span>
          </blockquote>
        </div>
        <table id="zjdataAll" lay-filter="zjdataAll"></table>
      </div>
    </div>
  </div>
</div>
  
  <script type="text/html" id="xxpayBa">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  </script>
  
  <script>
    layui.use(['admin', 'table', 'util', 'laydate'], function(){
      var $ = layui.$
        ,admin = layui.admin
        ,table = layui.table
        ,element = layui.element
        ,laydate = layui.laydate
        ,form = layui.form;
  
      element.render('breadcrumb', 'breadcrumb');
      $.setCountResult = function(mchId, agentId, orderId, bizType, createTimeStart, createTimeEnd) {
	    admin.req({
	      type: 'get',
	      url: layui.setter.baseUrl + '/account/count',
	      data: {
	        mchId : mchId,
	        agentId : agentId,
	        orderId : orderId,
	        bizType : bizType,
	        createTimeStart : createTimeStart,
	        createTimeEnd : createTimeEnd
	      },
	      error: function(err){
	        layer.alert(JSON.stringify(err.field), {
	          title: '错误提示'
	        })
	      },
	      success: function(res){
	        if(res.code == 0){
	          $('#totalCount').html(res.data.totalCount);
	          $('#totalAgentProfit').html("￥" + res.data.totalAgentProfit/100.00);
	          $('#totalPlatProfit').html("￥" + res.data.totalPlatProfit/100.00);
	        }
	      }
	    });
	  };

      var tplAmount = function(d){
        if(d.fundDirection == 1) {
          return "<span style='color: darkgreen'>+ " + d.amount/100 + "</span>";
        }else if(d.fundDirection == 2) {
          return "<span style='color: orangered'>- " +  d.amount/100 + "</span>";
        }
      };

      // 初始化统计结果
  	  $.setCountResult();

      //商户列表
      table.render({
        elem: '#zjdataAll'
        ,url: layui.setter.baseUrl + '/account/history_list' //列表接口
        ,where: {
            access_token: layui.data(layui.setter.tableName).access_token
        }
        ,id: 'tableReload'
        ,page: true
        ,cols: [[
          {type: 'checkbox', fixed: 'left'}
          ,{field: 'mchId', title: '商户ID', fixed: 'left'}
          ,{field: 'balance',title: '变更前余额(元)',templet: '<div>{{d.balance/100}}</div>'}
          ,{field: 'amount',title: '变更金额(元)',templet: tplAmount}
          ,{field: 'balance',title: '变更后余额(元)',templet: '<div>{{d.afterBalance/100}}</div>'}
          ,{field: 'bizType',title: '业务类型',templet: '<div>{{d.bizType == 1?"支付":d.bizType == 2?"提现":d.bizType == 3?"调账":d.bizType == 4?"充值":d.bizType == 5?"差错处理":d.bizType == 6?"代付":""}}</div>'}
          ,{field: 'orderId',title: '业务订单' ,width: 220}
          ,{field: 'orderAmount',title: '订单金额(元)',templet: '<div>{{d.orderAmount/100}}</div>'}
          ,{field: 'fee',title: '手续费(元)',templet: '<div>{{d.fee/100}}</div>'}
          ,{field: 'createTime', title: '时间', width: 200, templet: '<div>{{ layui.util.toDateString(d.createTime, "yyyy-MM-dd HH:mm:ss") }}</div>'}
          ,{field: 'edit', title: '操作', toolbar: '#xxpayBa' }
        ]]
        ,skin: 'line'
      });
  
      //监听工具条
      table.on('tool(zjdataAll)', function(obj){
        var data = obj.data;
        if(obj.event === 'detail'){
          location.href = layui.setter.baseLocal + "merchant/history/detail/id=" + data.id;
        } 
      });
  
      // 搜索
      var $ = layui.$, active = {
        reload: function(){
          var createTimeStart = $('#createTimeStart').val();
          var createTimeEnd = $('#createTimeEnd').val();
          var orderId = $('#orderId').val();
          var mchId = $('#mchId').val();
          var agentId = $('#agentId').val();
          var fundDirection = $("#fundDirection").val();
          var bizType = $("#bizType").val();

          $.setCountResult(mchId, agentId, orderId, bizType, createTimeStart, createTimeEnd);
          //执行重载
          table.reload('tableReload', {
            page: {
              curr: 1 //重新从第 1 页开始
            }
            ,where: {
              mchId: mchId,
              agentId: agentId,
              orderId: orderId,
              fundDirection: fundDirection,
              createTimeStart : createTimeStart,
              createTimeEnd : createTimeEnd,
              bizType : bizType
            }
          });
        }
      };
      $('#search').on('click', function() {
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
      });

      laydate.render({
        elem: '#createTimeStart'
        ,type: 'datetime'
        ,format: 'yyyy-MM-dd HH:mm:ss'
      });

      laydate.render({
        elem: '#createTimeEnd'
        ,type: 'datetime'
        ,format: 'yyyy-MM-dd HH:mm:ss'
      });
  
      // 渲染表单
      form.render();
    });
  </script>